<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

</body>
<script type="module">
    // 1
    // import {a,b,c} from "./module/mo1.js";
    // console.log(a,b,c);// 1 2 3


    // 2
    // import {a,bbb,c,aa,bb,cc,d,userName,age} from "./module/mo2.js";
    // console.log(a,bbb,c,aa,bb,cc,d,userName,age);// 1 2 3 1 2 3

    // import * as mo2 from "./module/mo2.js";
    //
    // console.log(mo2.a,mo2.bbb)

    // 3
    // import mo3 from "./module/mo3.js";
    //
    // console.log(mo3);

    // 4
    // import mo4,{a,b,c} from "./module/mo4.js";
    //
    // console.log(mo4,a,b,c)


    // 5
    // import mo5,{a,b,c} from "./module/mo5.js";
    // console.log(mo5,a,b,c);// 1 2 3

    // 6-导入的语法当中：from右侧必须是字符串,不允许使用变量
    //   导入的语法当中：不允许将导入的语句写在函数中
    // 正确：
    // import mo6 from "./module/mo6.js";
    // console.log(mo6);

    // 错误：
    // function fn(){
    //     import mo6 from "./module/mo6.js";
    //     console.log(mo6);
    // }
    // fn();

    // 错误：
    // let str = "./module/mo6.js";
    // import mo6 from str;
    // console.log(mo6);

    // 动态引入
    // const my =await import("./module/mo6.js");
    // console.log(my.default);
    // console.log(my.a);

    // 指定变量
    // let str = "./module/mo6.js";
    // const my =await import(str);
    // console.log(my.default);
    // console.log(my.a);

    // 函数中引入
    // async function fn(){
    //     let str = "./module/mo6.js";
    //     const my = await import(str);
    //     console.log(my.default,my.a);
    // }
    // fn();

    //  7
    // import {getUserName,setUserName} from "./module/mo7.js";
    // setUserName("lisi");
    // console.log(getUserName());


    // 8
    import mo8 from "./module/mo8.js";
    mo8.a = 200; mo8.b = 400;
    console.log(mo8.a,mo8.b);

    import mo88 from "./module/mo8.js";

    console.log(mo88.a,mo88.b);
    console.log(mo8 === mo88);





</script>
</html>